window.onscroll = function() {
	checkHeight();
}

window.onresize = function() {
	checkHeight();
}

function checkHeight()
{
	var height = $(".wrap").height()+parseInt($(".wrap").css("margin-bottom"));
	if($("body").scrollTop() >= height){
		$(".comment ul").addClass("fixed");
	}
	else{
		$(".comment ul").removeClass("fixed");
	}
}

$(function(){
	
	$(".swiper-slide img").height($(".swiper-slide").width());
	
	$(".trigger-layer").click(function(){
		$(".popup-layer").animate({
			"left":"0%",
			"bottom":"0%"
		},500);
	});
	$(".layer-close").click(function(){
			$(".popup-layer").animate({
			"left":"100%",
			"bottom":"-100%"
		},500);
	});
	$(".comment li").on("click",function(){
		var index = $(this).index();
		$(this).addClass("active").siblings().removeClass("active");
		$(".line").animate({
			"left":(12+index*50)+"%"
		},500);
	});
	$(".ul-color li,.ul-size li").click(function(){
		$(this).addClass("active").siblings().removeClass("active");
	});
	$(".ul-color li").click(function(){
		var imgUrl = $(this).attr("imgUrl");
		if(imgUrl){
			$(".dt-fl img").attr("src",imgUrl);
		}
	});

	var $input = $(".input-num-txt");
	$(".minus-num").click(function(){
		var num = parseInt($input.val());
		$input.val(--num);
		if(num<1){
			$input.val(1);
		}
	});
	$(".add-num").click(function(){
		var num = parseInt($input.val());
		$input.val(++num);
	});
});